<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title><?php echo $configs['title']; ?> - <?php echo $configs['web_name']; ?></title>
        <meta name="keywords" content="<?php echo $configs['keywords'] ?>" />
        <meta name="description" content="<?php echo $configs['description'] ?>" />
        <link href="/css/reset.css" rel="stylesheet" type="text/css" />
        <link href="/css/style.css" rel="stylesheet" type="text/css" />
        <link href="/css/colorbox.css" rel="stylesheet" type="text/css" media="screen" />
        <script type="text/javascript" src="/js/jquery-1.4.2.js"></script>
        <script type="text/javascript" src="/js/Vegur_400-Vegur_700.font.js"></script>
        <script type="text/javascript">
            Cufon.replace('h1') ('h2') ('h3') ('h4') ('h5') ('h6') ('.boldtext-medium') ('.boldtext-strong') ('.pullquote_left') ('.pullquote_right') 
            ('#menu li a', { 
                hover: true,
                textShadow: '0px 1px 0px #ededed'
            })
            ('.boxtitle-hosting') ('.button') ('.button2') ('.submit-popup', { 
                hover: true,
                textShadow: '0px 1px 0px #ededed'
            })
            ;
        </script>
        <script src="/js/jquery.cycle.all.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){     
                $('#con-cycle').cycle({
                    timeout: 5000,  // milliseconds between slide transitions (0 to disable auto advance)
                    fx:      'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...   
                    pager:   '#pager',  // selector for element to use as pager container
                    pause:   0,	  // true to enable "pause on hover"
                    cleartypeNoBg: true, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
                    pauseOnPagerHover: 0 // true to pause when hovering over pager link
                });
            });
        </script>
        <script type="text/javascript" src="/js/jquery.colorbox.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){				
                $(".signup").colorbox({width:"465px", inline:true, href:"#signup-content"});
                $(".login").colorbox({width:"465px", inline:true, href:"#login-content"});
            });
        </script>
        <script type="text/javascript" src="/js/dropdown.js"></script>
        <script type="text/javascript" src="/js/jquery.equalheights.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#content-col .equal").equalHeights();
                $("#hosting-col .equal").equalHeights();
                $("#footer-col .equal").equalHeights();
            });
        </script>
        <script type="text/javascript" src="/js/jquery.corner.js"></script>
        <script type="text/javascript">
            $('.button, button, .box-grey, .bgwhite, .nav-testimonial, #nav-slide').corner("4px");
        </script>
        <!--[if lte IE 7]>  
                <link href="/css/ie6.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
                <script type="text/javascript"> 
                   DD_belatedPNG.fix('img, .vertical-separator, #nav-slide, #pager a, .activeSlide'); 
                </script>    
        <![endif]-->
        <!--[if IE 7]>    
                <style type="text/css">
            .img-tour{width:106px; height:107px;}
            .ie7line{height:285px;}
            .popup-form{margin-left:25px;}
            .popup{margin-left:24px;}
                .submit-popup{margin-left:110px;}
                .textarea-popup{margin-left:25px;}
            </style>
        <![endif]-->
    </head>

    <body>
        <!-- begin of container 960px center -->
        <div id="container">

            <!-- begin of topnavigation -->
            <div id="topnavigation">
                <!--span class="toplink"><a href="#" class="signup">Sign up</a>|<a href="#" class="login">Login</a></span-->
            </div>
            <!-- end of topnavigation -->

            <div id="main-curve-top"></div>
            <!-- begin of main -->
            <div id="main">

                <!-- begin of top -->
                <div id="top">
                    <div id="logo"><a href="index.html"><img src="/images/logo.png" alt="" /></a></div>
                    <div id="topright">
                        <span class="boldtext-medium">在线QQ</span><br />
                        <span class="boldtext-strong">178520921</span>
                    </div>
                </div>
                <!-- end of top -->

                <!-- BEGIN OF MAINMENU -->
                <div id="mainmenu">
                    <ul id="menu">
                        <li class="home"><a href="index.html"><img src="/images/icon-home.gif" alt="" /></a></li>

                        <?php if (isset($navigators)): ?>


                            <?php foreach ($navigators as $key => $value) : ?>
                                <li><a href="about.html"><?php echo $value['name']; ?></a>
                                    <?php if (isset($value['childs']) && !empty ($value['childs'])): ?>
                                        <ul>
                                            <?php foreach ($value['childs'] as $k => $v) : ?>
                                                <li><a href="blog.html"><?php echo $v['name'];?></a></li>
                                            <?php endforeach ?>
                                        </ul>
                                    <?php endif ?>
                                </li>
                            <?php endforeach ?>
                        <?php endif ?>
                       
                    </ul>
                </div>
                <!-- END OF MAINMENU -->